<template>
  <div>
    <div class="title">称重设置</div>
    <div class="conBox">
      <div class="label">电子秤读数倍率：</div>
      <div>
        <el-input v-model="input" style="width: 80px">
          <template #suffix>% </template>
        </el-input>
        ~
        <el-input v-model="input" style="width: 80px">
          <template #suffix>% </template>
        </el-input>
      </div>
    </div>
    <div class="conBox">
      <div class="label">超过称重偏差提醒阈值后不可继续操作：</div>
      <div>
        <el-switch
          v-model="value3"
          inline-prompt
          active-text="使用"
          inactive-text="关闭"
          size="large"
        />
      </div>
    </div>
    <div class="subText">
      （开启后，重量不在称重偏差阈值内的商品，将不可标记已称重且不可打印分拣标签）
    </div>
    <div class="conBox">
      <div class="label">自动打印分拣标签：</div>
      <div>
        <el-switch
          v-model="value3"
          inline-prompt
          active-text="使用"
          inactive-text="关闭"
          size="large"
        />
      </div>
    </div>
    <div class="subText">
      （开启后，当重量稳定后，会在设置的截止时间后自动打印（自动打印在称重偏差阈值内的第一个商品），仅在选择计重商品分拣或不计重商品分拣时有效）
    </div>
    <div class="conBox">
      <div class="label">称重读数为净重：</div>
      <div>
        <el-switch
          v-model="value3"
          inline-prompt
          active-text="使用"
          inactive-text="关闭"
          size="large"
        />
      </div>
    </div>
    <div class="subText">（开启后，称重读数为净重）</div>
    <div class="conBox">
      <div class="label">订单分拣已完成任务后移：</div>
      <div>
        <el-switch
          v-model="value3"
          inline-prompt
          active-text="使用"
          inactive-text="关闭"
          size="large"
        />
      </div>
    </div>
    <div class="title">分拣设置</div>
    <div class="conBox">
      <div class="label">商品分拣页面设置：</div>
      <div>
        <el-radio-group v-model="radio1" class="ml-4">
          <el-radio label="1" size="large">按商品SKU单个分拣</el-radio>
          <el-radio label="2" size="large">按商品SPU聚合分拣</el-radio>
        </el-radio-group>
      </div>
    </div>
    <div class="conBox">
      <div class="label">总分仓分拣人物展现：</div>
      <div>
        <el-radio-group v-model="radio1" class="ml-4">
          <el-radio label="1" size="large">展现分仓信息</el-radio>
          <el-radio label="2" size="large">展示真实客户信息</el-radio>
        </el-radio-group>
      </div>
    </div>
    <div class="conBox">
      <div class="label">按订单分拣是否只展现默认设置商品：</div>
      <div>
        <el-radio-group v-model="radio1" class="ml-4">
          <el-radio label="1" size="large">按商品SKU单个分拣</el-radio>
          <el-radio label="2" size="large">按商品SPU聚合分拣</el-radio>
        </el-radio-group>
      </div>
    </div>
    <div class="conBox">
      <div class="label">分拣标签展示小规格：</div>
      <div>
        <el-switch
          v-model="value3"
          inline-prompt
          active-text="使用"
          inactive-text="关闭"
          size="large"
        />
      </div>
    </div>
    <div class="subText">（开启后，分拣卡片一行展示个数为三个）</div>
    <div class="conBox">
      <div class="label">分拣商品展现采购任务供应商：</div>
      <div>
        <el-switch
          v-model="value3"
          inline-prompt
          active-text="使用"
          inactive-text="关闭"
          size="large"
        />
      </div>
    </div>
    <div class="conBox">
      <div class="label">分拣商品展示采购规格：</div>
      <div>
        <el-switch
          v-model="value3"
          inline-prompt
          active-text="使用"
          inactive-text="关闭"
          size="large"
        />
      </div>
    </div>
    <div class="conBox">
      <div class="label">打印多标签设置：</div>
      <div>
        <el-switch
          v-model="value3"
          inline-prompt
          active-text="使用"
          inactive-text="关闭"
          size="large"
        />
      </div>
    </div>
    <div class="subText">（开启后，批量/单个打印标签时可设置要打印的标签数量）</div>
  </div>
</template>

<script lang="ts" setup>
import { ref } from 'vue'

const input = ref('')
const value3 = ref('')
const radio1 = ref('')
</script>

<style scoped lang="less">
.title {
  font-size: 18px;
  color: #333333;
  line-height: 25px;
}
.conBox {
  display: flex;
  margin-top: 20px;
  align-items: center;
  .label {
    width: 304px;
    font-size: 16px;
    color: #333333;
    line-height: 25px;
    text-align: right;
  }
}
.subText {
  font-size: 14px;
  color: #8994b6;
  line-height: 20px;
  margin-left: 295px;
}
</style>
